Xbasic

Format Menu Functions

Description

Here are Format Menu Functions available in Alpha Anywhere:

  • Font

    . Available only when you select text on the WYSIWYG tab. Displays the Font dialog box and wraps the selected text with the following HTML codes:

    Font_Name size= Font_Size > Selected Text .
  • Edit Style Sheets

    allows you to edit an existing CSS style sheet.

  • Link Style Sheet

    Displays the Link Style Sheet dialog, which allows you to link to a CSS style sheet located locally or at a URL address. Note: A local style sheet must first be added to the current project.

  • Remove Formatting

    Available only when you select text on the WYSIWYG tab. Removes all HTML formatting codes.

  • Properties

Formatting Text

To change the font, point size, style, or color of text:

  1. Display the WYSIWYG tab of your HTML Editor window.

  2. Select the text and click Format > Font.

  3. Optionally, select values from the Font, Style, and Size lists.

  4. You may also enter a point size, such as 8.5, into the Size field.

    images/UG_HTML_Editor_Font_Properties.gif
  5. Optionally, select a color from the Color list.

  6. Optionally, click [abar] to display the Color dialog.

  7. Optionally, select a color from either of the Basic colors or Custom colors palettes.

  8. Optionally, click Define Custom Colors >> and select a color from the larger multi-colored window at right.

  9. Optionally, enter Hue, Saturation, and Luminance values (0 to 255).

  10. Optionally, enter Red, Green, and Blue values (0 to 255).

  11. If you create a new color definition, you may click A dd to Custom Colors to add it to the Custom colors palette.

    • The dialog will generate HTML code for font and color similar to the following.

    • <FONT color=#0000ff face=Verdana>....</FONT>
    • The dialog will generate .... for bold, .... for italic, and .... with a bar under it for underline.

Using a Cascading Style Sheet

There are two approaches to applying a cascading style sheet to your page. You can either link to the style sheet or embed its contents between tags. To embed a style sheet into the page:

  1. Select Format > Edit Style Sheets(s)... to display the CSS Editor.

  2. Click Import CSS to display the Import dialog.

  3. Select Append and OK.

  4. Navigate to the .CSS file, select it, and click Open.

  5. Click OK to return to the HTML Editor. The Style list box will list the embedded styles.

To link to a local style sheet:

  1. First, add the style sheet to your project.

  2. Select Format > Link Style Sheet... to display the CSS Editor.

  3. Click Local Style Sheet.

  4. Select the style sheet from the list and click Link. The Style list box will list the linked styles.

To link to a remote style sheet:

  1. First, add the style sheet to your project.

  2. Select Format > Link Style Sheet... to display the CSS Editor.

  3. Click Absolute URL.

  4. Enter the URL, directory location, and filename of the .CSS file in the URL Style Sheet control.

  5. Select the style sheet from the list and click Link.

    The Style list box will not list styles from the remote style sheet. You will have to display the Source tab and enter appropriate HTML codes into the page .

Limitations

Web publishing applications only.

See Also